<template>
  <div class="app" style="border: 1px solid red">
    <h2>Vue3 App</h2>
    <div>{{ count }}</div>
    <button @click="addCounter">+1</button>

    <div>
      <router-link to="/">
        <button>Home</button>
      </router-link>
      <router-link to="/about">
        <button>About</button>
      </router-link>

      <router-view></router-view>
    </div>
  </div>
</template>

<script setup>
  import { ref } from "vue";
  const count = ref(100);
  function addCounter() {
    console.log(count.value);

    count.value++;
  }
</script>
